<template>
  <div class="single-commodity-vertical">
    <div class="img-box">
      <img src=""/>
    </div>
    <div class="content ">
      <p class="font-333 font22">香甜菠萝</p>
      <p class="error font30 left">￥29.99</p>
    </div>
  </div>
</template>
<style lang="scss" scoped>
.single-commodity-vertical {
  width: 204px;
  height: 392px;
  background: #fff;
  img {
    width: 152px;
    height: 180px;
  }
  .img-box {
    padding: 36px 21px 16px 21px;
  }
  .content {
    padding: 0 10px;
    & > p:first-of-type {
      height: 48px;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}
</style>

